import React, { Component } from 'react'
import styles from './AppointmentSuccess.less'
export default class AppointmentSuccess extends Component {
    render() {
        const item = this.props.location.query
        console.log(this.props)
        return (
            <div className={styles.Wrap}>
                <div className={styles.successWrap}>
                   <div className={styles.imgWrap}>
                      <img src={require('../assets/new/app_success.png')} alt="预约成功"/>
                   </div>
                   <div className={styles.title}>预约成功</div>
                </div>
                <div className={styles['appBodyWrap']}>
                <div className={styles['appItemWrap']}>
                    <div className={styles['itemTitle']}>
                    预约项目：{item.service_name}
                    </div>
                    <div className={styles['itemBody']}>
                        <div className={styles['itemTime']}>预约时间：{item.apply_time}</div>
                        <div className={styles['itemStore']}>服务门店：{item.branch_name}</div>
                        <div className={styles['itemAd']}>美妆顾问：{item.sale_name}</div>
                    </div>
                </div>
                </div>

                <div className={styles['btnWrap']}>
                    <button className={styles["btn-submit"]} type="button" onClick={ ()=> {
                        this.props.history.replace(`/third_vipCard?shopId=${item.shopId}`)
                    }}>返回首页</button>
                </div>
            </div>
        )
    }
}
